﻿<!DOCTYPE html>
<html>
  <head>
    <title>登陆/注册页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/登陆_注册页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/登陆_注册页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u2356" class="ax_default" data-left="18" data-top="30" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u2357" class="ax_default" data-left="18" data-top="30" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u2358" class="ax_default box_1">
            <div id="u2358_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2359" class="ax_default box_1">
            <div id="u2359_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2360" class="ax_default ellipse">
            <img id="u2360_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2361" class="ax_default ellipse">
            <img id="u2361_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2362" class="ax_default box_1">
            <div id="u2362_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2363" class="ax_default _图片">
          <img id="u2363_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u2364" class="ax_default" data-left="27" data-top="173" data-width="156" data-height="104">

          <!-- Unnamed (矩形) -->
          <div id="u2365" class="ax_default box_2" selectiongroup="SelectItem">
            <div id="u2365_div" class=""></div>
            <div id="u2365_text" class="text ">
              <p><span>我的作品</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2366" class="ax_default box_2" selectiongroup="SelectItem">
            <div id="u2366_div" class=""></div>
            <div id="u2366_text" class="text ">
              <p><span>我的钱包</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2367" class="ax_default box_2" selectiongroup="SelectItem">
            <div id="u2367_div" class=""></div>
            <div id="u2367_text" class="text ">
              <p><span>我的会员</span></p>
            </div>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u2368" class="ax_default line">
            <img id="u2368_img" class="img " src="images/登陆_注册页/u2368.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u2369" class="ax_default line">
            <img id="u2369_img" class="img " src="images/登陆_注册页/u2368.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2370" class="ax_default box_2" selectiongroup="SelectItem">
            <div id="u2370_div" class=""></div>
            <div id="u2370_text" class="text ">
              <p><span>我的收藏</span></p>
            </div>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u2371" class="ax_default line">
            <img id="u2371_img" class="img " src="images/登陆_注册页/u2368.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2372" class="ax_default _形状">
            <img id="u2372_img" class="img " src="images/登陆_注册页/u2372.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2373" class="ax_default _形状">
            <img id="u2373_img" class="img " src="images/登陆_注册页/u2372.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2374" class="ax_default _形状">
            <img id="u2374_img" class="img " src="images/登陆_注册页/u2372.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2375" class="ax_default _形状">
            <img id="u2375_img" class="img " src="images/登陆_注册页/u2372.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2376" class="ax_default box_1">
          <div id="u2376_div" class=""></div>
          <div id="u2376_text" class="text ">
            <p><span>登录/注册</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u2377" class="ax_default" data-left="82" data-top="136" data-width="87" data-height="30">

          <!-- Unnamed (矩形) -->
          <div id="u2378" class="ax_default box_1">
            <div id="u2378_div" class=""></div>
            <div id="u2378_text" class="text ">
              <p><span>关注</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2379" class="ax_default box_1">
            <div id="u2379_div" class=""></div>
            <div id="u2379_text" class="text ">
              <p><span>粉丝</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2380" class="ax_default box_1">
            <div id="u2380_div" class=""></div>
            <div id="u2380_text" class="text ">
              <p><span>书豆</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2381" class="ax_default box_1">
            <div id="u2381_div" class=""></div>
            <div id="u2381_text" class="text ">
              <p><span>0</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2382" class="ax_default box_1">
            <div id="u2382_div" class=""></div>
            <div id="u2382_text" class="text ">
              <p><span>0</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2383" class="ax_default box_1">
            <div id="u2383_div" class=""></div>
            <div id="u2383_text" class="text ">
              <p><span>0</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u2384" class="ax_default" data-left="60" data-top="119" data-width="12" data-height="12">

          <!-- Unnamed (组 合) -->
          <div id="u2385" class="ax_default" data-left="60" data-top="119" data-width="12" data-height="12">

            <!-- Unnamed (形状) -->
            <div id="u2386" class="ax_default _形状1">
              <img id="u2386_img" class="img " src="images/登陆_注册页/u2386.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u2387" class="ax_default _形状1">
              <img id="u2387_img" class="img " src="images/登陆_注册页/u2387.png"/>
            </div>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u2388" class="ax_default" data-label="个人头像" data-left="36" data-top="98" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2389" class="ax_default ellipse">
            <img id="u2389_img" class="img " src="images/消息页逻辑图/u2220.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2390" class="ax_default icon">
            <img id="u2390_img" class="img " src="images/消息页逻辑图/u2221.png"/>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u2391" class="ax_default" data-left="156" data-top="80" data-width="18" data-height="18">

          <!-- Unnamed (形状) -->
          <div id="u2392" class="ax_default _形状">
            <img id="u2392_img" class="img " src="images/登陆_注册页/u2392.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2393" class="ax_default _形状">
            <img id="u2393_img" class="img " src="images/登陆_注册页/u2393.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2394" class="ax_default box_2">
          <div id="u2394_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2395" class="ax_default label">
          <div id="u2395_div" class=""></div>
          <div id="u2395_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2396" class="ax_default label">
          <div id="u2396_div" class=""></div>
          <div id="u2396_text" class="text ">
            <p><span>社区</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2397" class="ax_default label">
          <div id="u2397_div" class=""></div>
          <div id="u2397_text" class="text ">
            <p><span>创作</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2398" class="ax_default label">
          <div id="u2398_div" class=""></div>
          <div id="u2398_text" class="text ">
            <p><span>消息</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2399" class="ax_default label">
          <div id="u2399_div" class=""></div>
          <div id="u2399_text" class="text ">
            <p><span>我的</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u2400" class="ax_default" data-left="250" data-top="24" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u2401" class="ax_default" data-left="250" data-top="24" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u2402" class="ax_default box_1">
            <div id="u2402_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2403" class="ax_default box_1">
            <div id="u2403_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2404" class="ax_default ellipse">
            <img id="u2404_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2405" class="ax_default ellipse">
            <img id="u2405_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2406" class="ax_default box_1">
            <div id="u2406_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2407" class="ax_default _图片">
          <img id="u2407_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2408" class="ax_default box_1">
          <div id="u2408_div" class=""></div>
          <div id="u2408_text" class="text ">
            <p><span>账号密码</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2409" class="ax_default box_1">
          <img id="u2409_img" class="img " src="images/登陆_注册页/u2409.png"/>
          <div id="u2409_text" class="text ">
            <p><span>手机验证码</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2410" class="ax_default line">
          <img id="u2410_img" class="img " src="images/登陆_注册页/u2410.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2411" class="ax_default box_1">
          <div id="u2411_div" class=""></div>
          <div id="u2411_text" class="text ">
            <p><span>账号</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2412" class="ax_default box_1">
          <div id="u2412_div" class=""></div>
          <div id="u2412_text" class="text ">
            <p><span>密码</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2413" class="ax_default line">
          <img id="u2413_img" class="img " src="images/登陆_注册页/u2413.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2414" class="ax_default line">
          <img id="u2414_img" class="img " src="images/登陆_注册页/u2413.png"/>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u2415" class="ax_default text_field">
          <input id="u2415_input" type="text" value=""/>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u2416" class="ax_default text_field">
          <input id="u2416_input" type="text" value=""/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2417" class="ax_default box_2">
          <div id="u2417_div" class=""></div>
          <div id="u2417_text" class="text ">
            <p><span>登录</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2418" class="ax_default box_1">
          <div id="u2418_div" class=""></div>
          <div id="u2418_text" class="text ">
            <p><span>手机号注册</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2419" class="ax_default box_1">
          <div id="u2419_div" class=""></div>
          <div id="u2419_text" class="text ">
            <p><span>忘记密码</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2420" class="ax_default box_1">
          <img id="u2420_img" class="img " src="images/登陆_注册页/u2420.png"/>
          <div id="u2420_text" class="text ">
            <p><span>第三方账号快捷登录</span></p>
          </div>
        </div>

        <!-- 腾讯 (组 合) -->
        <div id="u2421" class="ax_default" data-label="腾讯" data-left="363" data-top="278" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2422" class="ax_default box_2">
            <img id="u2422_img" class="img " src="images/登陆_注册页/u2422.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2423" class="ax_default _形状">
            <img id="u2423_img" class="img " src="images/登陆_注册页/u2423.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2424" class="ax_default _形状">
            <img id="u2424_img" class="img " src="images/登陆_注册页/u2424.png"/>
          </div>
        </div>

        <!-- 微信 (组 合) -->
        <div id="u2425" class="ax_default" data-label="微信" data-left="323" data-top="278" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2426" class="ax_default box_2">
            <img id="u2426_img" class="img " src="images/登陆_注册页/u2426.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2427" class="ax_default _形状">
            <img id="u2427_img" class="img " src="images/登陆_注册页/u2427.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2428" class="ax_default _形状">
            <img id="u2428_img" class="img " src="images/登陆_注册页/u2428.png"/>
          </div>
        </div>

        <!-- QQ (组 合) -->
        <div id="u2429" class="ax_default" data-label="QQ" data-left="278" data-top="278" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2430" class="ax_default box_2">
            <img id="u2430_img" class="img " src="images/登陆_注册页/u2430.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2431" class="ax_default _形状">
            <img id="u2431_img" class="img " src="images/登陆_注册页/u2431.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2432" class="ax_default box_2">
          <div id="u2432_div" class=""></div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2433" class="ax_default _形状">
          <img id="u2433_img" class="img " src="images/书籍阅读/u1081.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2434" class="ax_default box_2">
          <div id="u2434_div" class=""></div>
          <div id="u2434_text" class="text ">
            <p><span>登录</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u2435" class="ax_default" data-left="478" data-top="24" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u2436" class="ax_default" data-left="478" data-top="24" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u2437" class="ax_default box_1">
            <div id="u2437_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2438" class="ax_default box_1">
            <div id="u2438_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2439" class="ax_default ellipse">
            <img id="u2439_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2440" class="ax_default ellipse">
            <img id="u2440_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2441" class="ax_default box_1">
            <div id="u2441_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2442" class="ax_default _图片">
          <img id="u2442_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2443" class="ax_default box_1">
          <div id="u2443_div" class=""></div>
          <div id="u2443_text" class="text ">
            <p><span>账号密码</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2444" class="ax_default box_1">
          <img id="u2444_img" class="img " src="images/登陆_注册页/u2409.png"/>
          <div id="u2444_text" class="text ">
            <p><span>手机验证码</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2445" class="ax_default line">
          <img id="u2445_img" class="img " src="images/登陆_注册页/u2410.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2446" class="ax_default box_1">
          <div id="u2446_div" class=""></div>
          <div id="u2446_text" class="text ">
            <p><span>手机号</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2447" class="ax_default box_1">
          <div id="u2447_div" class=""></div>
          <div id="u2447_text" class="text ">
            <p><span>验证码</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2448" class="ax_default line">
          <img id="u2448_img" class="img " src="images/登陆_注册页/u2413.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2449" class="ax_default line">
          <img id="u2449_img" class="img " src="images/登陆_注册页/u2413.png"/>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u2450" class="ax_default text_field">
          <input id="u2450_input" type="text" value=""/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2451" class="ax_default box_2">
          <div id="u2451_div" class=""></div>
          <div id="u2451_text" class="text ">
            <p><span>登录</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2452" class="ax_default box_1">
          <div id="u2452_div" class=""></div>
          <div id="u2452_text" class="text ">
            <p><span>手机号注册</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2453" class="ax_default box_1">
          <img id="u2453_img" class="img " src="images/登陆_注册页/u2453.png"/>
          <div id="u2453_text" class="text ">
            <p><span>第三方账号快捷登录</span></p>
          </div>
        </div>

        <!-- 腾讯 (组 合) -->
        <div id="u2454" class="ax_default" data-label="腾讯" data-left="591" data-top="278" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2455" class="ax_default box_2">
            <img id="u2455_img" class="img " src="images/登陆_注册页/u2422.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2456" class="ax_default _形状">
            <img id="u2456_img" class="img " src="images/登陆_注册页/u2423.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2457" class="ax_default _形状">
            <img id="u2457_img" class="img " src="images/登陆_注册页/u2424.png"/>
          </div>
        </div>

        <!-- 微信 (组 合) -->
        <div id="u2458" class="ax_default" data-label="微信" data-left="551" data-top="278" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2459" class="ax_default box_2">
            <img id="u2459_img" class="img " src="images/登陆_注册页/u2426.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2460" class="ax_default _形状">
            <img id="u2460_img" class="img " src="images/登陆_注册页/u2427.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2461" class="ax_default _形状">
            <img id="u2461_img" class="img " src="images/登陆_注册页/u2428.png"/>
          </div>
        </div>

        <!-- QQ (组 合) -->
        <div id="u2462" class="ax_default" data-label="QQ" data-left="506" data-top="278" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u2463" class="ax_default box_2">
            <img id="u2463_img" class="img " src="images/登陆_注册页/u2430.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2464" class="ax_default _形状">
            <img id="u2464_img" class="img " src="images/登陆_注册页/u2431.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2465" class="ax_default box_2">
          <div id="u2465_div" class=""></div>
          <div id="u2465_text" class="text ">
            <p><span>获取验证码</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2466" class="ax_default box_2">
          <div id="u2466_div" class=""></div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2467" class="ax_default _形状">
          <img id="u2467_img" class="img " src="images/书籍阅读/u1081.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2468" class="ax_default box_2">
          <div id="u2468_div" class=""></div>
          <div id="u2468_text" class="text ">
            <p><span>登录</span></p>
          </div>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u2469" class="ax_default text_field">
          <input id="u2469_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u2470" class="ax_default" data-left="711" data-top="24" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u2471" class="ax_default" data-left="711" data-top="24" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u2472" class="ax_default box_1">
            <div id="u2472_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2473" class="ax_default box_1">
            <div id="u2473_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2474" class="ax_default ellipse">
            <img id="u2474_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2475" class="ax_default ellipse">
            <img id="u2475_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2476" class="ax_default box_1">
            <div id="u2476_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2477" class="ax_default _图片">
          <img id="u2477_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2478" class="ax_default box_1">
          <div id="u2478_div" class=""></div>
          <div id="u2478_text" class="text ">
            <p><span>手机号</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2479" class="ax_default box_1">
          <div id="u2479_div" class=""></div>
          <div id="u2479_text" class="text ">
            <p><span>验证码</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2480" class="ax_default line">
          <img id="u2480_img" class="img " src="images/登陆_注册页/u2480.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2481" class="ax_default line">
          <img id="u2481_img" class="img " src="images/登陆_注册页/u2480.png"/>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u2482" class="ax_default text_field">
          <input id="u2482_input" type="text" value=""/>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u2483" class="ax_default text_field">
          <input id="u2483_input" type="text" value=""/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2484" class="ax_default box_2">
          <div id="u2484_div" class=""></div>
          <div id="u2484_text" class="text ">
            <p><span>下一步</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2485" class="ax_default box_2">
          <div id="u2485_div" class=""></div>
          <div id="u2485_text" class="text ">
            <p><span>获取验证码</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2486" class="ax_default box_2">
          <div id="u2486_div" class=""></div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2487" class="ax_default _形状">
          <img id="u2487_img" class="img " src="images/书籍阅读/u1081.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2488" class="ax_default box_2">
          <div id="u2488_div" class=""></div>
          <div id="u2488_text" class="text ">
            <p><span>手机号注册</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2489" class="ax_default _图片">
          <img id="u2489_img" class="img " src="images/用例说明/u377.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2490" class="ax_default box_2">
          <div id="u2490_div" class=""></div>
          <div id="u2490_text" class="text ">
            <p><span>注册即同意《用户协议》及《隐私协议》</span></p>
          </div>
        </div>

        <!-- Unnamed (复选框) -->
        <div id="u2491" class="ax_default checkbox">
          <label for="u2491_input" style="position: absolute; left: 0px;">
            <div id="u2491_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </label>
          <input id="u2491_input" type="checkbox" value="checkbox" checked/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u2492" class="ax_default" data-left="933" data-top="24" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u2493" class="ax_default" data-left="933" data-top="24" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u2494" class="ax_default box_1">
            <div id="u2494_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2495" class="ax_default box_1">
            <div id="u2495_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2496" class="ax_default ellipse">
            <img id="u2496_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u2497" class="ax_default ellipse">
            <img id="u2497_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2498" class="ax_default box_1">
            <div id="u2498_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2499" class="ax_default _图片">
          <img id="u2499_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2500" class="ax_default box_1">
          <div id="u2500_div" class=""></div>
          <div id="u2500_text" class="text ">
            <p><span>密码</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2501" class="ax_default line">
          <img id="u2501_img" class="img " src="images/登陆_注册页/u2480.png"/>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u2502" class="ax_default text_field">
          <input id="u2502_input" type="text" value=""/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2503" class="ax_default box_2">
          <div id="u2503_div" class=""></div>
          <div id="u2503_text" class="text ">
            <p><span>完成注册</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2504" class="ax_default _形状1">
          <img id="u2504_img" class="img " src="images/登陆_注册页/u2504.png"/>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u2505" class="ax_default text_field">
          <input id="u2505_input" type="text" value=""/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2506" class="ax_default _图片">
          <img id="u2506_img" class="img " src="images/全局说明/u311.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2507" class="ax_default box_2">
          <div id="u2507_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2508" class="ax_default box_3">
          <div id="u2508_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2509" class="ax_default label">
          <div id="u2509_div" class=""></div>
          <div id="u2509_text" class="text ">
            <p><span>发送</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u2510" class="ax_default" data-left="951" data-top="218" data-width="10" data-height="13">

          <!-- Unnamed (形状) -->
          <div id="u2511" class="ax_default _形状">
            <img id="u2511_img" class="img " src="images/首页逻辑图/u594.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2512" class="ax_default _形状">
            <img id="u2512_img" class="img " src="images/首页逻辑图/u595.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2513" class="ax_default box_2">
          <div id="u2513_div" class=""></div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2514" class="ax_default _形状">
          <img id="u2514_img" class="img " src="images/书籍阅读/u1081.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2515" class="ax_default box_2">
          <div id="u2515_div" class=""></div>
          <div id="u2515_text" class="text ">
            <p><span>设置密码</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2516" class="ax_default _形状1">
        <img id="u2516_img" class="img " src="images/登陆_注册页/u2504.png"/>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u2517" class="ax_default _连接线">
        <img id="u2517_seg0" class="img " src="images/登陆_注册页/u2517_seg0.png" alt="u2517_seg0"/>
        <img id="u2517_seg1" class="img " src="images/登陆_注册页/u2517_seg1.png" alt="u2517_seg1"/>
        <img id="u2517_seg2" class="img " src="images/登陆_注册页/u2517_seg2.png" alt="u2517_seg2"/>
        <img id="u2517_seg3" class="img " src="images/登陆_注册页/u2517_seg3.png" alt="u2517_seg3"/>
        <img id="u2517_seg4" class="img " src="images/登陆_注册页/u2517_seg4.png" alt="u2517_seg4"/>
        <img id="u2517_seg5" class="img " src="images/登陆_注册页/u2517_seg5.png" alt="u2517_seg5"/>
        <img id="u2517_seg6" class="img " src="images/登陆_注册页/u2517_seg6.png" alt="u2517_seg6"/>
        <div id="u2517_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u2518" class="ax_default _连接线">
        <img id="u2518_seg0" class="img " src="images/登陆_注册页/u2518_seg0.png" alt="u2518_seg0"/>
        <img id="u2518_seg1" class="img " src="images/登陆_注册页/u2518_seg1.png" alt="u2518_seg1"/>
        <img id="u2518_seg2" class="img " src="images/书籍阅读/u1090_seg3.png" alt="u2518_seg2"/>
        <img id="u2518_seg3" class="img " src="images/登陆_注册页/u2518_seg3.png" alt="u2518_seg3"/>
        <img id="u2518_seg4" class="img " src="images/登陆_注册页/u2518_seg4.png" alt="u2518_seg4"/>
        <img id="u2518_seg5" class="img " src="images/登陆_注册页/u2518_seg5.png" alt="u2518_seg5"/>
        <img id="u2518_seg6" class="img " src="images/创玩区--创建房间/u1690_seg4.png" alt="u2518_seg6"/>
        <img id="u2518_seg7" class="img " src="images/首页逻辑图/u625_seg4.png" alt="u2518_seg7"/>
        <img id="u2518_seg8" class="img " src="images/登陆_注册页/u2518_seg8.png" alt="u2518_seg8"/>
        <div id="u2518_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u2519" class="ax_default _连接线">
        <img id="u2519_seg0" class="img " src="images/登陆_注册页/u2519_seg0.png" alt="u2519_seg0"/>
        <img id="u2519_seg1" class="img " src="images/登陆_注册页/u2519_seg1.png" alt="u2519_seg1"/>
        <img id="u2519_seg2" class="img " src="images/登陆_注册页/u2519_seg2.png" alt="u2519_seg2"/>
        <img id="u2519_seg3" class="img " src="images/登陆_注册页/u2519_seg3.png" alt="u2519_seg3"/>
        <img id="u2519_seg4" class="img " src="images/登陆_注册页/u2519_seg4.png" alt="u2519_seg4"/>
        <img id="u2519_seg5" class="img " src="images/创玩区-进入房间/u1478_seg4.png" alt="u2519_seg5"/>
        <img id="u2519_seg6" class="img " src="images/登陆_注册页/u2519_seg6.png" alt="u2519_seg6"/>
        <div id="u2519_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u2520" class="ax_default _连接线">
        <img id="u2520_seg0" class="img " src="images/创作模式选择-传统小说创作--发布/u2010_seg0.png" alt="u2520_seg0"/>
        <img id="u2520_seg1" class="img " src="images/分类页面/u718_seg1.png" alt="u2520_seg1"/>
        <img id="u2520_seg2" class="img " src="images/登陆_注册页/u2520_seg2.png" alt="u2520_seg2"/>
        <img id="u2520_seg3" class="img " src="images/首页逻辑图/u625_seg4.png" alt="u2520_seg3"/>
        <img id="u2520_seg4" class="img " src="images/首页逻辑图/u624_seg4.png" alt="u2520_seg4"/>
        <div id="u2520_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- 逻辑说明 (矩形) -->
      <div id="u2521" class="ax_default box_1" data-label="逻辑说明">
        <img id="u2521_img" class="img " src="images/登陆_注册页/逻辑说明_u2521.png"/>
        <div id="u2521_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;color:#000000;">说明：当账号未登录时</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;">1、在【未登录】页面，点击“登录/注册”会进入到登录页面，未登陆时下方列表（如我的作品、我的钱包）不可查看，会跳转到登录/注册页面</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;">2、</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;color:#000000;">已注册过的用户</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;">，在登录时，可选择【账号密码登录】或者【手机验证码登录】也可以使用第三方账号登录</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;">3、选择账号密码登录，在文本框内输入手机号/邮箱，输入密码，点击“登录”，返回到【已登录的个人信息页】</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;">4、选择手机验证码登录，在文本框内输入手机号，点击“获取验证码”（验证码60s后可再次发送），再将验证码填入验证码一栏，点击“登录”，返回到【已登录的个人信息页】</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;">4、选择账号密码登录却忘记密码时，点击“忘记密码”，系统将发送验证链接至绑定邮箱或绑定号码，验证成功即可修改密码</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;">5、</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;color:#000000;">没有注册过的用户</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;">，点击“手机号注册”进入到[手机号注册]页面，在手机号一栏输入手机号，点击“获取验证码”，再将验证码填入验证码一栏，勾选下方协议</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;">6、点击“下一步”进入到[设置密码]页面，设置完密码，点击“完成注册”，则返回到【已登录的个人信息页】</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;color:#FF0000;">前端产品与CMS的交互</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#FF0000;">当有新用户注册成功时，在后台新增用户管理页面会增加该用户的注册时间、注册地点、ID号、昵称、头像等详细信息</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#000000;"><br></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
